<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>03-基本选择器</title>

</head>

<style>
    #boss{
        color : red;
        font-size: 30px;
    }
    .female{
        color : green;
        font-size: 40px;
    }
    .hero{
        font-family: 楷体;
    }
    span{
        color: blue;
        border: 1px black solid;
    }
</style>
<body>
<h1 style="font-size: 44px;align-content: center;"> id > class > 标签</h1>
<!--

-->
<span class="female">古力娜扎</span>
<span class="female">迪丽热巴</span>
<span class="female hero">黑寡妇</span>

<span class="male hero">钢铁侠</span>
<span class="male hero">超人</span>


<span id="boss">灭霸</span>


</body>
</html>